<gm:page title="Sample - Tabs Plus" authenticate="false">

  <!--
    The tabs application demonstrates using the tabs tag along with
    the container and section tags to produce a tabbed interface.
    @author: GME Team 
  -->

  <div class="gm-app-header">
    <h1>Tabs</h1>
  </div>
  <table>
    <tr>
      <td valign="top">
        <gm:tabs target="myContainer"/>
        <gm:container id="myContainer" style="width:500px">
          <gm:section id="section1" title="Static text">
            
<gm:handleEvent event="select" execute="alert('Hello');"/>
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla
      dictum porta lorem. In eu elit quis lorem laoreet venenatis. Aenean
      ullamcorper.
          </gm:section>   
          <gm:section id="section3" title="Sequence Feed">
            
<gm:handleEvent event="select" execute="alert('Hello');"/>
      
             <gm:list id="sequencelist" data="http://ws.geonames.org/rssToGeoRSS?feedUrl=http://silenceisdefeat.org/~meg/flu_test/feed/testflufeed4.rss" 
               pagesize="10" template="seqTemplate"> 
               <gm:handleEvent src="seqmap" event="select"/>
             </gm:list> 
          </gm:section>
          <gm:section id="section4" title="News Feed">
      
              <gm:list id="panflulist" data="http://www.pandemicflu.gov/rss/pandemicflu/news.xml" 
                  pagesize="10" template="seqTemplate"> 
                  <gm:handleEvent src="seqmap" event="select"/>
              </gm:list> 
          </gm:section>     
        </gm:container>
      </td><td valign="top">
        <gm:container id="myContainer2" style="width:500px">
          <gm:section id="map">
             <gm:map id="seqmap" height="800px" data="${sequencelist}" maptypes="true" create="true" 
                 latref="geo:lat" lngref="geo:long" infotemplate="newseqsfluTemplate" zoom="5">
                 <gm:handleEvent src="seqlist" event="select"/>
              </gm:map>       
             </gm:section>    
        </gm:container>
      </td>
    </tr>
  </table>  

  <gm:template id="seqTemplate">
    <table class="purple-theme">
      <tr repeat="true">
        <td><gm:text ref="atom:title"/></td>
          <td><gm:text ref="atom:summary"/></td>
      </tr><tr>
         <td colspan="2"><gm:pager/></td>
      </tr>
    </table>
  </gm:template>
  
  <gm:template id="panfluTemplate">
    <table class="purple-theme">
      <tr repeat="true">
        <td><gm:text ref="atom:title"/></td>
      </tr><tr>
        <td colspan="2"><gm:pager/></td>
      </tr>
    </table>
  </gm:template>
      
</gm:page>

